import React, { Component } from 'react'
import Taro from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import './index.less'
import BuyButton from "@components/buy-button/"

export default class Index extends Component {

  componentWillMount() { }

  componentDidMount() { }

  componentWillUnmount() { }

  componentDidShow() { }

  componentDidHide() { }

  render() {
    return (
      <View className='index'>
        <View className="item">
          <View className="symbol-name">美元人民币</View>
          <View className="symbol">USDCNH</View>
          <View className="multiple"><Text className="text">200</Text></View>
          <View className="panel">
            <BuyButton text="买" price="1.0001"></BuyButton>
            <Text className="sign up">+0.07%</Text>
            <BuyButton text="卖" price="1.0011"></BuyButton>
          </View>
        </View>
        <View className="item">
          <View className="symbol-name">美元人民币</View>
          <View className="symbol">USDCNH</View>
          <View className="multiple"><Text className="text">200</Text></View>
          <View className="panel">
            <BuyButton text="买" price="1.0001"></BuyButton>
            <Text className="sign down">-0.07%</Text>
            <BuyButton text="卖" price="1.0011"></BuyButton>
          </View>
        </View>
      </View>
    )
  }
}
